<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.menu{ width:700px; height:35px; background-color:#CCC; margin:0 auto;}
/*一级导航*/
.menu ul{margin:0; padding:0;}
.menu ul li{ list-style:none;line-height:35px; width:100px; text-align:center; float:left;position:relative;}
.menu ul li a{ display:block; width:100px; text-decoration:none; color:#000; font-size:12px; border-right:1px;}
.menu ul li a:hover{ background-color:#666; color:#F00;}
/*二级导航*/
.menu ul li ul{display:none;}
.menu ul li:hover ul{ display:block; position:absolute;width:100px;}
.meun ul li ul li{list-style:none;text-align:center; width:100px;}
.menu ul li ul li a{display:block; width:100px; text-decoration:none; color:#000; font-size:12px; border-right:1px; background-color:#0FF;}
.menu ul li ul li a:hover{ background-color:#FF9; color:#F00;}
/*三级导航*/
.menu ul li:hover ul li ul{ display:none;}
.menu ul li ul li:hover ul{ display:block; position:absolute; left:100px; width:100px; top:0px;}
.menu ul li ul li ul li a{ display:block; background:#faeec7; color:#000; height:auto;width:100px;}
.menu ul li ul li ul li a:hover{ background::#ff7300; color:#000;}
/*四级导航*/
.menu ul li:hover ul li ul li ul{ display:none;}
.menu ul li ul li ul li:hover ul{display:block; position:absolute; left:100px; width:100px; top:0px;}
.menu ul li ul li ul li ul li a{ display:block; background:#faeec7; color:#000; height:auto;width:100px;}
.menu ul li ul li ul li ui li a:hover{ background::#ff7300; color:#000;}</style>
</head>

<body><div class="menu">
<ul>
<li><a href="#">网站首页</a></li>
<li><a href="#">关于我们</a>
<ul>
<li><a href="#">公司介绍</a>
<ul>
<li><a href="#">2012</a></li>
<li><a href="#">2013</a></li>
<li><a href="#">2014</a></li>
<li><a href="#">2015</a></li>
<li><a href="#">2016</a></li>
</ul>
</li>
<li><a href="#">企业文化</a></li>
<li><a href="#">资质证书</a><ul>
<li><a href="#">2012</a><ul><li><a href="#">新闻动态</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">人才招聘</a></li>
<li><a href="#">在线留言</a></li>
<li><a href="#">联系我们</a></li></ul></li>
<li><a href="#">2013</a></li>
<li><a href="#">2014</a></li>
<li><a href="#">2015</a></li>
<li><a href="#">2016</a><ul><li><a href="#">新闻动态</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">人才招聘</a></li>
<li><a href="#">在线留言</a></li>
<li><a href="#">联系我们</a></li></ul></li>
</ul></li>
</ul>
</li>
<li><a href="#">新闻动态</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">人才招聘</a><ul>
<li><a href="#">公司介绍</a>
<ul>
<li><a href="#">2012</a></li>
<li><a href="#">2013</a></li>
<li><a href="#">2014</a></li>
<li><a href="#">2015</a></li>
<li><a href="#">2016</a></li>
</ul>
</li>
<li><a href="#">企业文化</a></li>
<li><a href="#">资质证书</a><ul>
<li><a href="#">2012</a><ul><li><a href="#">新闻动态</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">人才招聘</a></li>
<li><a href="#">在线留言</a></li>
<li><a href="#">联系我们</a></li></ul></li>
<li><a href="#">2013</a></li>
<li><a href="#">2014</a></li>
<li><a href="#">2015</a></li>
<li><a href="#">2016</a><ul><li><a href="#">新闻动态</a></li>
<li><a href="#">产品展示</a></li>
<li><a href="#">人才招聘</a></li>
<li><a href="#">在线留言</a></li>
<li><a href="#">联系我们</a></li></ul></li>
</ul></li>
</ul></li>
<li><a href="#">在线留言</a></li>
<li><a href="#">联系我们</a></li>
</ul>
</div>
</body>
</html>
